Basic Library for UWP
手順2:アプリケーションへの C1UniformGrid の追加
Basic Library for UWP > Layout Panels for UWP > クイックスタート > UniformGrid クイックスタート > 手順2:アプリケーションへの C1UniformGrid の追加

この手順では、C1UniformGrid を追加します。

次の手順に従います。

  1. 最初に、プロジェクトから Grid タグを取り除きます。
  2. C1UniformGrid コントロールをページにドラッグ&ドロップします。これで、パネルと参照がページに追加されます。
  3. <Xaml:C1UniformGrid> タグを編集して、グリッドのサイズを指定し、子要素(この場合は番号の付いたセル)をグリッドに追加します。マークアップは次のようになります。
    マークアップ
    コードのコピー
    <Xaml:C1UniformGrid Width="300" Height="300">           
                <Border Background="#FF005B84" >
                    <TextBlock Text="0" />
                </Border>
                <Border Background="#FF008B9C" >
                    <TextBlock Text="1" />
                </Border>
                <Border Background="#FF00ADD6" >
                    <TextBlock Text="2" />
                </Border>
                <Border Background="#FF497331" >
                    <TextBlock Text="3" />
                </Border>
                <Border Background="#FF0094D6" >
                    <TextBlock Text="4" />
                </Border>
                <Border Background="#FF9DCFC3" >
                    <TextBlock Text="5" />
                </Border>
                <Border Background="#FFA5DDFE" >
                    <TextBlock Text="6" />
                </Border>
                <Border Background="#FFE0EEEF" >
                    <TextBlock Text="7" />
                </Border>
                <Border Background="CornflowerBlue" >
                    <TextBlock Text="8" />
                </Border>
                <Border Background="LightYellow" >
                    <TextBlock Text="9" />
                </Border>
        </Xaml:C1UniformGrid>
  4. この手順では、C1UniformGrid パネルにコンテンツを追加しました。次の手順では、アプリケーションを実行し、グリッドに追加したプロパティのいくつかを編集します。
関連トピック